<template>
  <div>
    <el-dialog
      title="卡片限速"
      :visible.sync="show"
      :destroy-on-close="true"
      :close-on-click-modal="false"
      @open="handleOpen"
      @close="handleClose"
      width="550px"
      v-dialogDrag
      >
      <div class="content">
        测试拖动和拉宽
      </div>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="confirm" :loading="loading">确 定</el-button>
        <el-button @click="show=false">取 消</el-button>        
      </div>
    </el-dialog>
  </div>
</template>

<script>

export default {
  data () {
    return {
        show:false
    }
  },
  created () {
    
  },
  methods: {
    handleOpen () {
    },
    handleClose () {
      const $this = this
    },
    confirm(){
        this.loading = true
        setTimeout(()=>{
            this.loading = false
        },2000)
    }
  }
}
</script>

<style scoped lang="scss">

</style>
